<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax测试</title>
</head>
<body>
<script>
    /**
     * 创建XMLHTTPRequest对象
     * */
    var httpRequest = new XMLHttpRequest();
    /**
     * "GET"  请求类型
     * "http://localhost:8081/v1/pub/getMessageBoard"   请求的地址或请求的文件
     * true 异步请求    false   同步请求
     * */
    httpRequest.open("GET","http://localhost:8081/v1/pub/getMessageBoard",true);
    /**
     * 设置请求头
     * */
    httpRequest.setRequestHeader("Content-type","application/json;charset=utf-8");
    /**
     * 发送数据
     * */
    httpRequest.send();
    /**
     * 监听状态的变化
     * */
    httpRequest.onreadystatechange = function (ev) {
        /**
         * 判断请求的状态为4（即请求完毕）
         * 并且响应状态值为200（成功）
         * */
        if(httpRequest.readyState == 4 && httpRequest.status == 200){
            /**
             * 将响应文本转为json格式
             * */
            var resJson = JSON.parse(httpRequest.responseText);
            console.log(resJson);
        }
    }
    /**
     * 查看所有XMLHTTPRequest参数
     * */
    console.log(httpRequest);
</script>
</body>
</html>